<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <script>
    /**
     * 1. 箭头函数只写一行的时候，自带return效果 不包大括号
     * 2. 如果要写多行的代码，一定要带上大括号
     * 3. 箭头函数本身没有作用域，共享父级函数作用域
     * 
     */

    // const fn = () => {
    //   return 'city: 上海'
    // }
    // const fn = () => 'city: 上海';
    // // 箭头函数只写一行的时候，自带return效果 不包大括号
    // const city = fn()
    // console.log(city)

    const list = [
      {
        id: 0,
        name: 'lixiang',
        theory: 90,
        skill: 90
      },
      {
        id: 1,
        name: 'lixiang',
        theory: 90,
        skill: 90
      },
      {
        id: 2,
        name: 'lixiang',
        theory: 90,
        skill: 90
      },
      {
        id: 3,
        name: 'lixiang',
        theory: 90,
        skill: 90
      },
      {
        id: 4,
        name: 'lixiang',
        theory: 90,
        skill: 90
      },
      {
        id: 5,
        name: 'lixiang',
        theory: 90,
        skill: 90
      },
      {
        id: 6,
        name: 'lixiang',
        theory: 90,
        skill: 90
      },
      {
        id: 7,
        name: 'lixiang',
        theory: 90,
        skill: 90
      },
      {
        id: 8,
        name: 'lixiang',
        theory: 90,
        skill: 90
      },
      {
        id: 9,
        name: 'lixiang',
        theory: 90,
        skill: 90
      }
    ]

    // 高阶函数： 用函数去操作函数的函数
    // 函数参数 在 es6中可以写默认值了
    function pageList({ page, size = 2 }) {
      /**
       * 0 ---> 5      index >= 0  && index < 5
       * 5 ---> 10     index >= 5  && index < 10  (2, 5)
       * 
       * 0 5   0   1 5  5
       *   index >= (page - 1) * size && index < page * size
       * 
      */
      // return list.filter((n, index) => {
      //   return index >= (page - 1) * size && index < page * size
      // })
      return list.filter((n, index) => index >= (page - 1) * size && index < page * size)
    }

    let filterArr = pageList({
      page: 3,
    })
    console.log(filterArr, 'filer')



  </script>
</body>

</html>